#panel {
  position: absolute;
  pointer-events: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: flex;
  justify-content: flex-start;

  .slideMenu {
    width: 80px;
    pointer-events: all;
  }

  .left {

    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .right {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .slide {
    width: 20%;
    .item {
      pointer-events: all;
      background: #fff;
      border: 1px solid #ccc;
      padding: 10px;
      pointer-events: all;

      .container {
        height: 220px;
      }
    }
  }

  .center {
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(237, 236, 236, 0.95) 100%);
    height: 100px;
    padding-top: 20px;
    width: calc(100vw - 80px);
    padding-right: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    .amiPic {
      background: #fff;
      border: 1px solid #ccc;
      font-size: 60px;
      margin-top: 20px;
    }
  }
  .left-bottom{
    position: absolute;
    bottom: 20px;
    left: 100px;
  }
}
